@charset "utf-8";
/* header */
.header{background: url(../images/public/header_bg.png) center top no-repeat;height: 397px;}
.header-info-row{padding:17px 0;text-align: right;height: 31px;line-height: 31px;}
.header-info-row>a,.header-info-row>span{display: inline-block;margin-left: 22px;}
.header-info-row>span{background: #1F56A3;padding:0 12px;border-radius: 16px;color: #fff;}
.header-logo {margin-top: 50px;}
.mainnav{height: 80px;background: #1257A4;}
.mainnav ul li{float: left;font-size: 1.25em;font-weight: bold;color: #fff;line-height: 80px;width: 7.5%;text-align: center;margin:0 0.5%;}
.mainnav ul li a{color: #fff;display: block;height: 100%;width: 100%;position: relative;}
.mainnav ul li a:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width:0 ;height: 9px;background: #54A4FF;border-radius: 9px 9px 0 0;}
.mainnav ul li.on a:after{width: 100%;}
.mainnav>.container{position: relative;}
.mainnav .header-search{position: absolute;right: 0;top:14px;height: 37px;width: 416px;background: #fff;border-radius: 27px;padding:8px 0;}
.mainnav .header-search form{height:37px;background: url(../images/public/header_ss_bg.png) 13px center no-repeat;padding-left: 53px;padding-right: 78px;position: relative;}
.mainnav .header-search form .search-word{height: 37px;line-height: 37px;border: 0;background: none;font-size: 20px;color: #3E5982;width: 100%;}
.mainnav .header-search form .search-submit{width: 60px;height: 37px;line-height: 37px;background: #D43030;border-radius: 2px 19px 19px 2px;color: #fff;font-size: 1.25em;text-align: center;border:0;position: absolute;top: 0;right: 8px;cursor: pointer;}
/*responsive*/

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.mainnav ul li{width: 9%;}
	.mainnav .header-search{width: 320px;}
}

@media (max-width: 1023px) {
	
}

@media (max-width: 992px) {
	.mainnav ul li{width: 16.666%;margin:0;}
	.mainnav .header-search{position: static;width: 100%;margin: 30px auto;}
	.mainnav{height: auto;}
}

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
	.header{height: 380px;background-size:cover;}
}




@media (max-width: 640px) {

	
}


@media (max-width: 480px) {
	.header{height: 280px;background-size:cover;}
	.header-logo{margin-top: 20px;}
	.mainnav ul li{width: 33.333%;line-height: 50px;}
}

@media (max-width: 414px) {


}

@media (max-width: 375px) {

	
}


@media (max-width: 320px) {

}